<!doctype html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
    <title>学而思网校</title>
    <link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon">
</head>
<body>

<header id="lk_header">
    <div class="top-bar hidden-xs hidden-sm">
        <div class="container">
                <div class="navbar-right">
                    <p>美国纽交所上市公司：TAL</p>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-default navbar-static-top navbar-lk">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#lk_nav" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="imgs/logo.png" alt="学网" width="180px">
                </a>
            </div>

            <div class="collapse navbar-collapse" id="lk_nav">
                <ul class="nav navbar-nav">
                    <li><a href="#">选课中心</a></li>
                    <li><a href="#">免费讲座</a></li>
                    <li><a href="#">学习中心</a></li>
                    <li><a href="#">1对1</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现更多 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">编程社区</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">逛书城</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">学社团</a></li>
                        </ul>
                    </li>
                </ul>
                    <div class="navbar navbar-nav hidden-sm ">
                        <form action="" class="navbar-form">
                            <input type="text" placeholder="输入搜索内容" class="form-control">
                            <button type="submit">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </form>
                     <div>
            </div>
        </div>
      </div>
        </div>
    </nav>
</header>

<section id="lk_carousel" class="carousel slide" data-ride="carousel">

    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#lk_carousel" data-slide-to="0" class="active"></li>
        <li data-target="#lk_carousel" data-slide-to="1"></li>
        <li data-target="#lk_carousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active" data-sm-img="imgs/9-2.jpg" data-lg-img="imgs/9.jpg">
        </div>
        <div class="item" data-sm-img="imgs/8-2.jpg" data-lg-img="imgs/8.jpg">
        </div>
        <div class="item" data-sm-img="imgs/7-2.jpg" data-lg-img="imgs/7.jpg">
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#lk_carousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#lk_carousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>



    <div class="modal fade" id="login" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">

            </div>
        </div>
    </div>
</section>

<section id="lk_about">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <h1 class="text-center">电脑客户端</h1>
                <h3 class="text-center">家长旁听 连麦互动 智能监督</h3>
                <br/>
                <div class="row">
                    <div class="col-md-6 col-lg-push-2 col-xs-5 col-xs-push-2">
                        <img src="imgs/Windows.png" alt="">
                    </div>
                    <div class="col-md-6 col-xs-7">
                        <img src="imgs/iPhone.png" alt="">
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <h1 class="text-center">手机客户端</h1>
                <h3 class="text-center">随时随地移动学 方便高效</h3>
                <br/>
                <img src="imgs/phoneCode.png" alt="" class="img-responsive center-block">
            </div>

            <div class="col-md-4">
                <h1 class="text-center">iPad客户端</h1>
                <h3 class="text-center">课堂互动更丰富 生动有趣</h3>
                <br/>
                <img src="imgs/phoneCode.png" alt="" class="img-responsive center-block">
            </div>
        </div>
    </div>
</section>


<footer id="lk_footer">
    <div class="top-bar hidden-xs">
        <div class="container">
            <p class="text-center">网校首页 | 关于我们 | 网校招聘 | 合作专区 | 联系我们 | AI开放平台 | 意见反馈 | 漏洞提交 | 隐私政策 | 版权声明 | 反盗链声明 | 帮助中心</p>
            <p class="text-center">客服电话：<span class="text-danger">400-800-2211</span>（免长途话费）Copyright2017 学而思网校 www.xueersi.com 北京学而思教育科技有限公司 版权所有</p>
            <p class="text-center">地址：北京市海淀区中关村大街18号科贸中心7层 京ICP证080230号 京ICP备09032638号 <img src="imgs/jgwab.png" alt=""  style="width: 10px;height: 10px;
margin-top : -2px;"> 京公网安备 11010802020171号</p>
            <img src="imgs/5.png" class="img-responsive center-block" width="50px" margin-top="100px"/>
        </div>
    </div>
</footer>

<script src="lib/jquery-3.4.1.min.js"></script>
<script src="lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="js/index.js"></script>
</body>
</html>